<template>
  <div class="empty-container">
    <Icon type="empty"/>
    <p>{{ text }}</p>
  </div>
</template>

<script>
import Icon from "./Icon.vue"
export default {
    components:{
        Icon,
    },
    props: {
        text:{
            type:String,
            default: "无数据"
        }
    }
}
</script>

<style>
/* 引入图标库 */
@import "//at.alicdn.com/t/font_2164449_nalfgtq7il.css";
.empty-container {
    color: #b4b8bc;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.icon-container {
    font-size: 72px;
}


</style>